<template>
	<view :style="theme">
		<view class="content">
			<u-collapse>
			    <u-collapse-item v-for="(item, index) in list" :key="index"  :title="item.title" :name="item.id">
			      <text class="u-collapse-content">{{item.info}}</text>
			    </u-collapse-item>
			  </u-collapse>
		</view>
		<view v-if="list.length === 0" class="no-order">
			<image :src="imgHost+'/default_nodata.png'"></image>
			<view>暂无数据</view>
		</view>
		<view class="foot">
		    <view @click="jump('/pages/home/feedback')" class="footBtn">在线反馈</view>
		  </view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list: []
			}
		},
		onLoad() {
			this.getList()
		},
		methods: {
			jump(url, params, a) {
				this.$app.jump(url, params, a);
			},
			jump2(url, params, a) {
				this.$app.jump2(url, params, a);
			},
			getList() {
				this.$app.ajax({
					data: {
						param: {
							venueId: this.venueId,
							type: '2'
						}
					},
					api: this.$api.listWXKnowledge()
				}).then((res) => {
					if (res.errorCode === '000000') {
						this.list = res.recordList || []
					}
				}).catch(() => {})
			}
		}

	}
</script>
<style scoped lang="scss">
	.content {
		background-color: #fff;
		padding: 0 0;
		margin-bottom: 140rpx;
		box-sizing: border-box;
	}
	.tjbtn {
	  background: $color;
	  font-size: 36rpx;
	  color: #ffffff;
	  text-align: center;
	  line-height: 100rpx;
	  border-radius: 50rpx;
	}
	
	.foot {
	  padding: 30rpx 30rpx;
	  position: fixed;
	  left: 0;
	  bottom: 0;
	  z-index: 999;
	  width: 100%;
	  box-sizing: border-box;
	}
</style>
